favicon是favorites icon的简称。当用户需要将某个网站或网页加为书签时,该网站/网页显示的图标就被叫做favicon。Web浏览器在URL地址栏、各种表格等地方利用不同的网站图标(favicon)来标识不同网站。
favicon是一个16×16像素的图片,通常被保存为favicon.ico存储在服务器的根目录下。用户可以在允许访问根目录的web服务器上为WordPress博客使用favicon。
设计一个Favicon
利用能够将图片保存为.ico类型的图片程序(如The GIMP),可以快速创建favicon图标。也可以通过一些在线服务免费创建favicon。
所选图片应画质清晰且符合博客形象或内容,博客图标虽小,却肩负着重大使命。
为favicon准备图片:
1. 剪裁/添加图片周边区域,使图片成为一个方形
2. 将图片调整成16×16像素大小
3. 将图片保存为favicon.ico
在favicon.co.uk等网站上创建favicon图标时,请根据网站的操作说明进行操作。然后将favicon.ico图片下载到本地计算机。
在WordPress博客上安装Favicon图标
如果当前主题的主文件夹中已经有一个favicon.ico文件,请先用FTP客户端删除该文件。
1. 用FTP客户端将新favicon.ico文件上传到当前主题的主文件夹
2. 将favicon.ico文件的复本上传到博客主目录下(如http://example.com/favicon.ico)。本操作使favicon图标显示在该博客订阅者的订阅器中。
要使自己的favicon图标在旧式浏览器中也能正常显示,还需要编辑页面页头信息。
1. 进入WordPress管理面板
2. 点击外观菜单
3. 选择外观菜单下的编辑选项
4. 点击头部或header.ph文件以编辑该文件
5. 查找以 <link rel="shortcut icon" 开始、以 /favicon.ico" />结尾的代码行。在<head>HTML标签下添加以下代码:
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
6. 保存所做更改。
清除WordPress缓存以及浏览器缓存,重启浏览器以显示新图标。
分类:中文手册